<template>
    <div>
        <h2>Pinia OptionsView</h2>
        <p>{{ store.a }}</p>
        <p>{{ store.doubleA }}</p>
        <p>{{ store.tripleA }}</p>
        <p><button @click="store.addA">addA</button></p>
        <p><button @click="store.addA_Async">addA_Async</button></p>
        <p><button @click="store.$reset()">重置</button></p>
        <br>
        <p><button @click="store.a++">store.a++</button></p>
        <p><button @click="store.$patch({a:store.a+1})">store.a++</button></p>
        <p><button @click="store.$patch((state)=>state.a++)">store.a++</button></p>

    </div>
</template>

<script>
    // 选项式
    import {useAStore} from "@/stores/a.js"
    let store = useAStore();
    console.log(store);

    export default {
        name:"OptionsView",
        data(){
            return {
                store,    //将store放到data中 => 可以在template中使用
            }
        }
    }

</script>

<style lang="scss" scoped>

</style>